<template>
	<div class="tip" :style="tipStyle">
		<img :src="tip">
		<span class="content">{{content}}</span>
	</div>
</template>

<script>

export default{
	props:{
		content:{
			type:String,
			default:'暂无结果'
		},
		tipStyle:{
			type:Object,
			default:null
		}
	},
	data(){
		return{
			tip:require("@/assets/tip.png"),
		}
	}
}
</script>

<style scoped lang="scss">
	.tip{
		width: 100%;
		padding: 10px 0;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		text-align: center;
		img{
			width: 60px;
			margin-right: 15px;
		}
		.content{
			color: #000;
			font-size: 14px;
		}
	}
</style>